<!DOCTYPE html>
<html lang='cmn'>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Misaki</title>

    <meta content='Free, do whatever you want, hi-resolution photos' property='og:description'>
    {% load staticfiles %}

    <link href="{% static "css/bootstrap.min.css" %}" rel="stylesheet">
    <link href="{% static "css/custom.css" %}" rel="stylesheet">

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?87a7bd986d7effe4007239cc2375e6ac";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>


</head>
<body>
<div id='resplashed'>

    <div class='top-bar'>
        <div id="nav_trigger_parent" class='container'>
            <a class='message' href="/">Misaki</a>
            <a href="#" class="nav__trigger"><span class="nav__icon"></span></a>
        </div>
    </div>

    <div class="nav">
        <div class="nav-phone">
            <ul class="nav-list">
                {% if user.username %}
                    <li class=" nav-login-icon">
                        <a class="nav-link" href="/user/{{ user.username }}">
                            {% if user.icon %}
                                <img class="nav-user-icon" src="/media/{{ user.icon }}">
                            {% else %}
                                <img class="nav-user-icon" src="{% static "icon.jpg" %}">
                            {% endif %}
                        </a>
                        <a class="nav-link" href="/user/{{ user.username }}">{{ user.name }}</a>

                    </li>
                {% else %}
                    <li class="nav-item nav-login"><a class="nav-link" href="/login">登录</a></li>
                {% endif %}
                <li class="nav-item"><a class="nav-link" href="/">首页</a></li>
                <li class="nav-item"><a class="nav-link" href="/type">分类</a></li>
                <li class="nav-item"><a class="nav-link" href="/discover">发现</a></li>
                <li class="nav-item"><a class="nav-link" href="/leave">留言</a></li>

            </ul>
        </div>
    </div>


